﻿@page "/docs/helpers/enums/bar"

<Seo Canonical="/docs/helpers/enums/bar" Title="Enums: Bar" Description="Learn to use and work with the Blazorise Bar enums that help you to modify the navigation bars appearance and their behavior." />

<DocsPageTitle>
    Bar enums
</DocsPageTitle>

<DocsPageLead>
    Quicky manage the layout and behavior of the <Code>Bar</Code> component.
</DocsPageLead>

<DocsPageSection>
    <DocsPageSectionHeader Title="BarCollapseMode">
        <Paragraph>Defines how the bar will be collapsed.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>BarCollapseMode.Hide</Code> Bar will be hidden completely when collapsed.</UnorderedListItem>
            <UnorderedListItem><Code>BarCollapseMode.Small</Code> Bar will be collapsed into smaller version with icons.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="BarMode">
        <Paragraph>Bar orientation and menu display.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>BarMode.Horizontal</Code> Horizontal navbar with dropdown menus.</UnorderedListItem>
            <UnorderedListItem><Code>BarMode.VerticalPopout</Code> Vertical navbar with pop-out menus.</UnorderedListItem>
            <UnorderedListItem><Code>BarMode.VerticalInline</Code> Vertical navbar with inline dropdown menus.</UnorderedListItem>
            <UnorderedListItem><Code>BarMode.VerticalSmall</Code> Small vertical navbar with pop-out menus.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>

<DocsPageSection>
    <DocsPageSectionHeader Title="BarTogglerMode">
        <Paragraph>Defines the look and position of the bar toggler.</Paragraph>
        <UnorderedList>
            <UnorderedListItem><Code>BarTogglerMode.Normal</Code> The standard inline bar toggler. Supported by Horizontal and Vertical BarModes.</UnorderedListItem>
            <UnorderedListItem><Code>BarTogglerMode.Popout</Code> A popout style bar toggler. Supported only on Vertical BarModes.</UnorderedListItem>
        </UnorderedList>
    </DocsPageSectionHeader>
</DocsPageSection>